<!--老年人参团健康安全提示书-->
<template>
  <div class="mainDiv">
    <el-button
      type="primary"
      icon="el-icon-printer"
      size="small"
      class="button-74 no-print"
      @click="printContent"
    >
      打印
    </el-button>
    <h1 style="color: green" v-if="form.personOldList.length==0">无60周岁以上游客 无需打印</h1>
    <div v-for="(personList,k) in form.personOldList">
      <br>
      <div class="centerText">
        <span style="font-size: 30px;font-weight: bold">老年人参团健康安全提示书</span>
      </div>
      <br>
      <div class="firstTwo">
        本人自愿要求参加（单位名称）  <span class="underline">重庆九州国际旅行社有限公司</span> 组织的
        <span class="underline">{{form.saleOrder.productName}}</span>，
        行程从
        <span class="underline">{{form.saleOrder.leaveDt|formatDateYear}}</span>年
        <span class="underline">{{form.saleOrder.leaveDt|formatDateMonth}}</span>月
        <span class="underline">{{form.saleOrder.leaveDt|formatDateDay}}</span>日
        至
        <span class="underline">{{form.saleOrder.backDate|formatDateYear}}</span>年
        <span class="underline">{{form.saleOrder.backDate|formatDateMonth}}</span>月
        <span class="underline">{{form.saleOrder.backDate|formatDateDay}}</span>日
        止。
      </div>
      <div class="firstTwo">
        <span style="color:red">旅行社工作人员已经告知本人旅游产品内容，
          本人已完全了解贵社接待人员告知的所有注事项、合同内容、行程安排、充分了解到旅程的艰苦性
          （会出现早出晚归，餐饮时间不正常，车途较长，不能得到充分休息等情况），
          本人已确认自身身体健康能顺利完成旅程，根据对高危人群[包括但不限于未成年人、高龄人群(60周岁及以上)、
          重症疾病患者孕期妇女等</span>的相关要求承诺如下:
      </div>
      <div>第一、本人以及直系亲属了解自己的身体情况，适合参加此行程，本人能够完成旅游团全部行程并近期返回。
      如本人未按贵社要求如实告知相关健康情况，本人承担因此而产生的全部责任及发生的全部费用，并承担给贵
      单位或者旅行社造成损失的赔偿责任。<br>
      第二、在旅游过程中，本人有放弃禁止高龄人群参加的相应景点或相应活动权利：若因本人坚持参加所产生的全部后果均由本人承担。<br>
      第三、在旅游过程中，如果本人由于身体不适或其他原因导致不能继续完成行程，需要协助提前返回、就医等情况发生，
      本人承担全部责任及发生的全部费用。<br>
      第四、在旅游过程中，本人因自身过错，如乘坐交通工具时未系安全带、未坐稳等，
      引起的人身及财产损失由其自行承担，贵社协助处理。<br>
      第五、本人如发生意外伤害事故，贵社在事前已尽到必要的警示说明义务且事后已尽到必要协助义务的，
      贵社不承担赔偿责任。<br>
      第六、在旅游过程中，如果本人由于自身健康及意识性错误导致的意外伤害事故，贵公司免除一切经济赔偿责任。
      如因第三方原因造成的意外伤害事故，追偿事宜由本人亲属自行办理。<br>
      第七、旅行社已建议本人自行购买高额（保额30万-80万）旅游意外保险，为应对旅游出行意外风险多一份保障。<br>
      第八、在旅游过程中，本人在自由活动期间的行为引起的人身及财产损失由其自行承担，贵社协助处理。<br>

      以上承诺内容本人已告知了直系亲属并得到他们的同意。对本承诺函的各项条款及本次旅游行程中可能存在的因地域差
      异会产生的不良反应和旅途辛劳程度，工作人员已充分告知本人，本人已转告直系亲属，本人及本人直系亲属人已完全理解并
      自愿承诺。若发纠纷，以本承诺函为准。<br>

      特此承诺！<br>
      承诺人（本人亲笔签名）：<br>
      </div>
      <div class="rigntDate">日期：{{year}}年{{month}}月{{day}}日</div>

      <table class="centerText">
        <tr>
          <td>姓名</td>
          <td>证件号</td>
          <td>签字</td>
        </tr>
        <tr v-for="(item,index) in personList" :key="index">
          <td>{{item.cutmName}}</td>
          <td>{{item.certiCode}}</td>
          <td></td>
        </tr>
      </table>
      <div class="PageNext"></div>

    </div>
  </div>
</template>

<script>
import {
  getAllInfo,
} from "@/api/salepurchase/contract"
export default {
  name: 'aqtss',
  created() {
    const id = this.$route.query.id;
    this.id=id;
    this.getAllInfoIndex();
    var date = new Date();
    const year = date.getFullYear();
    const month = String(date.getMonth() + 1); // 月份是从0开始的，所以要加1，并且需要补0
    const day = String(date.getDate()); // 日期补0
    this.year=year;
    this.month=month;
    this.day=day;
  },
  data(){
    return {
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      id:"",
      year:"",
      month:"",
      day:"",
      form: {
      },
    }
  },
  methods: {
    getAllInfoIndex(){
      getAllInfo(this.id).then(response => {
          this.form = response.data
        //计算回来的时间
        const leaveDt=this.form.saleOrder.leaveDt;
        const travelDay=this.form.saleOrder.travelDay;
        const backDate=this.addDaysToDate(leaveDt,travelDay)
        this.form.saleOrder.backDate=backDate
        }
      )
    },
    printContent() {
      window.print();
    },
    addDaysToDate(date, days) {
      days=days-1
      const result = new Date(date);
      result.setDate(result.getDate() + days);
      return result;
    },
  },
  filters: {
    formatDateYear(value) {
      const date = new Date(value); // 确保传入的是Date对象或者可以被Date对象解析的值（例如时间戳）
      const year = date.getFullYear();
      return `${year}`;
    },
    formatDateMonth(value) {
      const date = new Date(value); // 确保传入的是Date对象或者可以被Date对象解析的值（例如时间戳）
      const month = String(date.getMonth() + 1); // 月份是从0开始的，所以要加1，并且需要补0
      return `${month}`;
    },
    formatDateDay(value) {
      const date = new Date(value); // 确保传入的是Date对象或者可以被Date对象解析的值（例如时间戳）
      const day = String(date.getDate()); // 日期补0
      return `${day}`;
    }
  }
}
</script>

<style scoped>
.no-print {
  margin-top: 5px;
}
/*首行缩进2字符*/
.firstTwo {
  text-indent: 2em;
}
.centerText{
  text-align: center;
}
.mainDiv{
  letter-spacing: 2px;
  font-size: 15px;
  line-height: 20px;
}
table{
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
}
table tr{
  border: 1px solid black;
}
table tr td{
  border: 1px solid black;
}
.rigntDate{
  text-align: right;
  padding-right:100px;
}
.underline{
  padding-left:5px;
  padding-right:5px;
  text-decoration: underline;
}
@media print {
  .no-print {
    display: none; /* 隐藏不需要打印的内容 */
  }
  .PageNext{page-break-after: always;}
}
</style>
